﻿<%@ Page Language="C#" %>

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head runat="server">
    <title></title>
</head>
<body>
    <form id="form1" runat="server">
    <DotNetAge:Tabs ID="Tabs1" runat="server" Sortable="true">
        <Views>
            <DotNetAge:View ID="View3" runat="server" Text="About Tabs">
                <p>
                    Tabs is a ASP.NET WebControl that encapsulated the jQuery UI tabs plugin.Tabs are
                    generally used to break content into multiple sections that can be swapped to save
                    space, much like an Accordion.
                </p>
                <p>
                    By default a Tabs will swap between tabbed sections onClick, but the events can
                    be changed to onHover through an property. Tab content can be loaded via Ajax by
                    setting an NavigateUrl on a View Control.
                </p>
            </DotNetAge:View>
            <DotNetAge:View ID="View5" runat="server" Text="About Accordion">
                <p>
                    The Accordion is a web control that allows you to provide multiple views and display
                    them one at a time. It is like having several Views where only one can be expanded
                    at a time. The Accordion is implemented as a web control that contains View web
                    controls. Accordion is a easy way to use jQuery accordion widget in ASP.NET.</p>
            </DotNetAge:View>
            <DotNetAge:View ID="View2" runat="server" Text="About Sortable">
                <p>
                    Sortable is a ASP.NET WebControl that encapsulat the jQuery UI resizable it makes
                    selected controls sortable by dragging with the mouse.
                </p>
                <p>
                    All ClientEvents receive two arguments: The original browser event and a prepared
                    ui object, view below for a documentation of this object:
                </p>
            </DotNetAge:View>
        </Views>
    </DotNetAge:Tabs>
    </form>
</body>
</html>
